import React, { Component } from 'react';
import { Layout } from 'antd';
import globalStyle from '../global-styles.scss';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import appStore from '../reducers';
import Greet from './greet';

const store = createStore(appStore);

const { Header, Content, Footer } = Layout;

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <Provider store={store}>
        <div className="app-container">
          <Header className={globalStyle.red}><Greet/></Header>
          <Content>{this.props.children}</Content>
          <Footer className="green"><Greet/></Footer>
        </div>
      </Provider>
    );
  }
}

export default App;
